<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE div PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!--        <link href="<s:url value='/resources/media/dataTables/demo_page.css'/>" rel="stylesheet" type="text/css" />-->
<link href="<s:url value='/resources/media/dataTables/demo_table.css'/>"
	rel="stylesheet" type="text/css" />
<link
	href="<s:url value='/resources/media/dataTables/demo_table_jui.css'/>"
	rel="stylesheet" type="text/css" />
<link href="<s:url value='/resources/media/themes/base/jquery-ui.css'/>"
	rel="stylesheet" type="text/css" media="all" />
<link
	href="<s:url value='/resources/media/themes/redmond/jquery-ui-1.7.2.custom.css'/>"
	rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript">
	$(document).ready(function() {
		$("#listaExtintores").dataTable({
			"sPaginationType" : "full_numbers",
			"bJQueryUI" : true
		});
		$('#demo_jui').fadeIn(4000);
	});
</script>
</head>
<body id="dt_example">
	<div id="container">
		<div id="demo_jui" style="display: none">
			<table id="listaExtintores" class="display">
				<thead>
					<tr>
						<th>Codigo</th>
						<th>Ubicacion</th>						
						<th>Ubicacion Administritva</th>
						<th>Responsable</th>
						<th>Proximo Mantenimiento</th>
						<th>Alerta</th>
						<th>Acciones</th>
					</tr>
				</thead>
				<tbody>
					<s:iterator value="listaExtintores">
						<tr>
							<td>
							<s:url id="detalle" action="detalleExtintor.action" namespace="/extintor">
					    		<s:param name="codigo" value="id"/>
					    	</s:url>
					    	<s:url id="edit" action="edit.action" namespace="/extintor">
					    		<s:param name="codigo" value="id"/>
					    	</s:url>
					    	<s:url id="remove" action="remove.action" namespace="/extintor">
					    		<s:param name="codigo" value="id"/>
					    	</s:url>
								<s:property value="codigo" />
							</td>
							<td><s:property value="ubicacion.descripcion" />
							</td>
							<td><s:property value="ubicacionAdministrativa.descripcion" />
							</td>
							<td><s:property value="responsable.cedula" />
							</td>
							<td><s:property value="proximoMantenimiento" />
							</td>
							<td>
							<s:if test="alerta == true">
								<img src="<s:url value="/resources/images/warning2.png"/>" alt="Debe realizar mantenimineto" title="Debe realizar mantenimineto">
							</s:if>
							<s:else>
								<img src="<s:url value="/resources/images/good.png"/>" alt="En correcto funcionamiento" title="En correcto funcionamiento">
							</s:else>
							</td>
							<td>
					    	<s:a href="%{detalle}">
								<img src="<s:url value="/resources/images/find.png"/>" alt="Consultar" title="Consultar">
							</s:a>
							<s:if test="#session.usuario.perfil.tipo == 'Administrador'">
								<s:a href="%{edit}">
									<img src="<s:url value="/resources/images/edit2.png"/>" alt="Editar" title="Editar">
								</s:a>
								<s:a href="%{remove}" onclick="return confirm('¿Esta seguro de eliminar este extintor?');">
									<img src="<s:url value="/resources/images/delete.png"/>" width="20px;" height="20px;" alt="Eliminar" title="Eliminar">
								</s:a>
							</s:if>
							<s:if test="reparacion == true">
							<blink><b>REPARAR</b></blink>
							</s:if>
							</td>
							
						</tr>
					</s:iterator>
				</tbody>
			</table>
		</div>
	</div>
	<div align="center">
		<s:a href="../extintor/initRegistrar.action">
			<img src="<s:url value="/resources/images/add.png"/>" alt="Registrar" title="Registrar">
		</s:a>
	</div>
</body>
</html>
